Skip to content

Simplify Agents session header - #331097

Draft
Rohan Malpani (romalpani) wants to merge 1 commit into
microsoft:mainfrom
romalpani:agents-window-session-title-p1
Draft

Simplify Agents session header#331097
Rohan Malpani (romalpani) wants to merge 1 commit into
microsoft:mainfrom
romalpani:agents-window-session-title-p1

Conversation

@romalpani

@romalpani Rohan Malpani (romalpani) commented Aug 16, 2026

Copy link
Copy Markdown
Contributor

Problem: Top section of Agents window is crowded with actions, redundant information (session title), non-primary actions at surface, and vertical stacking of too many horizontal rows of information (command bar, session title+actions, session pills, chat tabs, sticky prompt, etc.) that results into cognitive load and difficulty in scanning key session information.

Solution:
Replaces the Agents Window command-center session picker with passive active-session identity while keeping session commands in the content header for this first stage. Command-center search is duplicative in its functionality since the left pane already offers session navigation. This also reduces session title redundancy for most common scenarios when users have only one chat per session.

This is part1 of series of PRs to implement the full solution to address the Agents window cognitive load issue.
(Stacked: romalpani#2 Move session actions to the title menu)
(Stacked: romalpani#3 Add inline session title rename)

In this PR:

  • Shows the provider icon, session title, and workspace in the titlebar
  • Shows New session for drafts
  • Shows back/forward arrows only when the sessions sidebar is collapsed
  • Removes the duplicate content title and aligns metadata pills with existing session actions
  • Routes header-context rename through the shared rename command
  • Replaces the command-bar with session title

  • Chat tabs remains as before
  • Session pills and session actions remains as before (will be addressed in follow up PR) - Follow-up PRs will make the title interactive and move session actions into its menu, then relocate remaining metadata pills.

Before (left pane + chat pane open):
CleanShot 2026-08-16 at 10 56 43@2x

After (left pane + chat pane open):
CleanShot 2026-08-16 at 10 55 51@2x

Before (left pane collapsed):
CleanShot 2026-08-16 at 10 57 34@2x

After (left pane collapsed):
Uploading CleanShot 2026-08-16 at 10.57.30@2x.png…

Testing:

  • npm run transpile-client
  • Focused SessionsTitleBarWidget and SessionHeader unit tests (6 passed)
  • Pre-commit hygiene (9 files checked)

Copilot AI balanced review requested due to automatic review settings August 16, 2026 17:48

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Simplifies the Agents Window header by replacing the session picker with passive active-session identity and consolidating in-content metadata and actions.

Changes:

  • Displays provider, session title, and workspace in the titlebar.
  • Conditionally shows navigation when the sidebar is hidden.
  • Removes inline header titles and routes rename through the shared command.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
sessionsTitleBarWidget.fixture.ts Updates visual fixtures for passive identity states.
sessionHeader.test.ts Verifies the consolidated header row.
LAYOUT.md Documents the revised titlebar and blocked-session behavior.
sessionsTitleBarWidget.test.ts Tests active and draft identities.
sessionsTitleBarWidget.ts Implements passive session identity.
sessionsActions.ts Adjusts navigation visibility and rename routing.
sessionsTitleBarWidget.css Restyles the titlebar identity.
sessionView.ts Removes inline title-editing entry point.
sessionHeader.ts Removes duplicate title and inline rename UI.
chatCompositeBar.css Consolidates metadata and actions into one row.

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

background-color: transparent;
border-radius: var(--vscode-cornerRadius-medium);
border-radius: var(--vscode-cornerRadius-small);
-webkit-app-region: no-drag;
Comment on lines +124 to +128
this._metaRow = $('.chat-composite-bar-meta-row');
header.appendChild(this._metaRow);

const titleActions = $('.chat-composite-bar-title-actions');
titleRow.appendChild(titleActions);
header.appendChild(titleActions);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants